<template>
  <div class="pay-success w-full h-full">
    <section class="address-search">
      <div>支付成功</div>
    </section>

    <section>
      <h2 class="flex items-center flex-center mt-40 pt-10">支付成功</h2>

      <div class="flex flex-center flex-space-between w-full mt-40">
        <van-button type="default" class="w-35per border-radius"  @click="orderLook">查看订单详情</van-button>
        <van-button type="info" class="w-35per ml-40 border-radius">返回首页</van-button>

      </div>
    </section>

    <section class="w-90per m-0-auto bg-fff mt-40 p-10">
     <h3>业务推荐</h3>
      <van-grid :border="true" :column-num="3">
        <van-grid-item class=" border-radius">
          <van-image src="https://img01.yzcdn.cn/vant/apple-1.jpg" />
          <div class="mt-20">sasada</div>
        </van-grid-item>
        <van-grid-item class=" border-radius ">
          <van-image src="https://img01.yzcdn.cn/vant/apple-1.jpg" />
          <div class="mt-20">sasada</div>
        </van-grid-item>
        <van-grid-item class=" border-radius">
          <van-image src="https://img01.yzcdn.cn/vant/apple-1.jpg" />
          <div class="mt-20">sasada</div>
        </van-grid-item>
      </van-grid>
    </section>
  </div>
</template>

<script>

export default {
  name: 'Home',
  data() {
    return {

    }
  },
  methods: {
    orderLook() {
      this.$router.push('/orderLook')
    }
  },


}
</script>

<style lang="less" scoped>
.pay-success{
  background-color: #efefef;
}
.address-search {
  background-color: #39a9ed;
  display: flex;
  align-items: center;
  height: 50px;
  color: #fff;
  justify-content: space-around;
}
.border-radius{
  border-radius: 5px;
}
</style>
